import Vue from 'vue'
import SvgIcon from '@/components/SvgIcon'// svg component

// register globally 注册成全局组件
Vue.component('svg-icon', SvgIcon)

// require.context(文件夹路径，是否扫描子目录，正则匹配)
// 下面三行代码的任务是 把 同级目录的 svg目录下的.svg图片引入到项目中来
const req = require.context('./svg', false, /\.svg$/)
// req.keys() 返回一个数组 项是svg的相对路径
// map 数组项的映射 -> 将svg的图标路径 -> svg的模块(加载模块之后，才能去访问解析)

// const requireAll = requireContext => requireContext.keys().map(requireContext)
const requireAll = requireContext => requireContext.keys().map((i) => requireContext(i))
requireAll(req)

// 相当于把svg下的所有的svg图片打包到了项目中
// 如果想用svg图片 就在svg目录下去寻找就可以了
// 注意点：以上三行代码，帮助我们快速的去导入svg目录中所有svg模块文件 - 一句话，快速导入
// 精灵图 -> 减少请求 - 一个大图片装载着很多小图片
// 谁来帮我们打包成svg标签 - loader(加载器) svg-sprite-loader (帮助我们将svg打包成svg地图，只加载一次即可，减少请求)
